<script setup lang="ts">
defineProps({
  backgroundColor:{
    type:String,
    default:'transparent'
  },
  backgroundImage:{
    type:String,
    default: ''
  }
})
</script>

<template>
  <div class="ark-page"
       :style="{backgroundColor,backgroundImage}">
    <slot/>
  </div>
</template>

<style scoped>
.ark-page{
  width: 1920px;
  height: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-bg{
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 0;
  left: 0;
}
</style>
